<template>
	<view class="p_re">
		<view class="w h200 order-detail-bg dis_f ac">
			<image class="w40 h40 ml40" src="../../static/image/icon_time.png" mode="widthFix"></image>
			<view class="fz34 tf ml16">交易完成</view>
		</view>
		<view class="dis_flex w702 bz bac_f radius16 ml24 mr24 pl30 pr40 pt30 pb30 p_ab bs6" style="top:150rpx">
			<view class="">
				<view class="fz26 fw  tf_22">感谢您购买！</view>
				<view class="fz24 mt10 tf_999">2022-05-31 13:27:09</view>
			</view>
			<view class=""><image class="w24 h24" src="../../static/image/user_you.png" mode="widthFix"></image></view>
		</view>
		<view class="padding30 bac_f">
			<view class="fw fz26" style="margin-top: 100rpx;">订单信息</view>
			<u-gap height="1" bgColor="#E7E7E7" marginTop="10"></u-gap>
			<view class="df mt32 jcsb">
				<image class="w150 h150 radius12" :src="order_info.image" mode="aspectFill"></image>
				<view class="ml20">
					<view class="dis_f">
						<view class="fz26 fw" style="max-width: 350rpx;">{{order_info.name}}</view>
						<view class="fz26 tf_666 ml60">￥183.00</view>
					</view>	
					<view class="dis_flex fz24 mt10 tf_999">
						<view class="" style="max-width: 350rpx;">{{order_info.s_name}}</view>
						<view class="">×{{order_info.num}}</view>
					</view>
				</view>
			</view>
			<view class="dis_flex mt20 fz26 tf_999">
				<view class="tf_33">商品总价</view>
				<view class="fw tf_22">¥{{order_info.num}}</view>
			</view>
			<view class="dis_flex mt20 fz26 tf_999">
				<view class="tf_33">实付</view>
				<view class="fw tf_4537">¥{{order_info.num}}</view>
			</view>
			<u-gap height="1" bgColor="#E7E7E7" marginTop="10"></u-gap>
			<view class="dis_flex mt22 fz26 tf_999">
				<view class="tf_33">订单号</view>
				<view class="">{{order_info.order_no}}</view>
			</view>
			<view class="df jcsb mt20 fz26 tf_999">
				<view class="tf_33">收货信息</view>
				<view class="" style="max-width: 442rpx;">郭女士 ， 18383838383，时代天峰6号楼5层301室</view>
			</view>
			<view class="dis_flex mt20 fz26 tf_999">
				<view class="tf_33">付款时间</view>
				<view class="">2022-01-01 12:38</view>
			</view>
			<view class="dis_flex mt20 fz26 tf_999">
				<view class="tf_33">发货时间</view>
				<view class="">2022-01-01 08:20</view>
			</view>
			<view class="dis_flex mt20 fz26 tf_999">
				<view class="tf_33">成交时间</view>
				<view class="">2022-01-01 08:20</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { storeOrderDetail } from '../../config/api';
export default {
	data() {
		return {
			order_id:'',
			order_info:'',
		};
	},
	onLoad(option) {
		console.log(option);
		this.order_id = option.order_id
		this.getOrderInfo()
	},
	methods: {
		getOrderInfo(){
			storeOrderDetail({order_id:this.order_id}).then(res=>{
				console.log(res);
				this.order_info = res
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.order-detail-bg {
	background-image: url('@/static/image/order_detail_bg.png');
}
</style>
